.flex {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
}
.flex-d {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-w {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex1 {
  -prefix-box-flex: 1;
  /* old spec webkit, moz */
  -moz-box-flex: 1 1 0%;
  /* Firefox 19- */
  -ms-flex: 1 1 0%;
  /* IE 10 */
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Chrome */
  flex: 1;
  /* NEW,  Opera 12.1, Firefox 20+ */
}
.flex-hr {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex-hc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-hb {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-ha {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flex-vc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-hrvc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-hcvc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-hbvc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-dhc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-dvc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-dvc > * {
  max-width: 100%;
}
.flex-dhcvc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-dhavc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-whc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-whb {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-wha {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flex-wvt {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  -o-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.flex-wvc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.flex-wvc1 {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.flex-whcvc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.flex-whcvc1 {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.flex-whbvc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.flex-whbvc1 {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.flex-whavc {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.flex-whavc1 {
  display: -moz-box;
  /* Firefox 19 */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-box;
  /* iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /*flex容器*/
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
